<LayoutTableSmall>
    <!-- 其他 -->
    <template slot="other">

    </template>
    <!-- 搜索 -->
    <template slot="search">
        <!-- <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
            <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.orderNo" placeholder="查询订单号"
                    @change="mixinTable_searchData" style="width:260px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData()">
                    </el-button>
                </el-input>
            </el-form-item>
            <el-form-item>
                <el-popover width="430" trigger="click">
                    <div class="optionSearch">
                        <el-form label-position="left" label-width="120px" :model="mixinTable_tableSearchSenior">
                            <div class="box">
                                <el-form-item label="订单编号">
                                    <el-input v-model="mixinTable_tableSearchData.orderNo"></el-input>
                                </el-form-item>
                                <el-form-item label="用户昵称">
                                    <el-input v-model="mixinTable_tableSearchSenior.nickName.value"></el-input>
                                </el-form-item>

                                <el-form-item label="手机号">
                                    <el-input v-model="mixinTable_tableSearchSenior.mobile.value"></el-input>
                                </el-form-item>

                                <el-form-item label="商品名称">
                                    <el-input v-model="mixinTable_tableSearchSenior.productName.value"></el-input>
                                </el-form-item>

                                <el-form-item label="收货人手机号">
                                    <el-input v-model="mixinTable_tableSearchSenior.receiveMobile.value"></el-input>
                                </el-form-item>

                                <el-form-item label="收货人名称">
                                    <el-input v-model="mixinTable_tableSearchSenior.receiveName.value"></el-input>
                                </el-form-item>

                                <el-form-item label="发货时间">
                                    <el-col :span="11">
                                        <el-date-picker placeholder="开始时间"
                                            v-model="mixinTable_tableSearchSenior.deliveryTimeStartStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                                    <el-col :span="11">
                                        <el-date-picker placeholder="结束时间"
                                            v-model="mixinTable_tableSearchSenior.deliveryTimeEndStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="下单时间">
                                    <el-col :span="11">
                                        <el-date-picker placeholder="开始时间"
                                            v-model="mixinTable_tableSearchSenior.createdTimeStartStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                                    <el-col :span="11">
                                        <el-date-picker placeholder="结束时间"
                                            v-model="mixinTable_tableSearchSenior.createdTimeEndStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="支付时间">
                                    <el-col :span="11">
                                        <el-date-picker placeholder="开始时间"
                                            v-model="mixinTable_tableSearchSenior.paymentTimeStartStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                    <el-col class="line" :span="2" style="text-align: center;">-</el-col>
                                    <el-col :span="11">
                                        <el-date-picker placeholder="结束时间"
                                            v-model="mixinTable_tableSearchSenior.paymentTimeEndStr.value"
                                            type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;">
                                        </el-date-picker>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="配送方式">
                                    <el-radio-group v-model="mixinTable_tableSearchSenior.deliveryType.value">
                                        <el-radio :label="0">全部</el-radio>
                                        <el-radio :label="1">无需物流</el-radio>
                                        <el-radio :label="2">商家配送</el-radio>
                                        <el-radio :label="3">到店自提</el-radio>
                                    </el-radio-group>
                                </el-form-item>

                                <el-form-item label="订单类型">
                                    <el-radio-group v-model="mixinTable_tableSearchSenior.orderType.value">
                                        <el-radio :label="0">全部</el-radio>
                                        <el-radio :label="1">普通订单</el-radio>
                                        <el-radio :label="2">充值订单</el-radio>
                                    </el-radio-group>
                                </el-form-item>

                                <el-form-item label="支付渠道">
                                    <el-radio-group v-model="mixinTable_tableSearchSenior.payChannel.value">
                                        <el-radio :label="0">全部</el-radio>
                                        <el-radio :label="1">线上</el-radio>
                                        <el-radio :label="2">线下</el-radio>
                                    </el-radio-group>
                                </el-form-item>

                                <el-form-item label="商品类型">
                                    <el-radio-group v-model="mixinTable_tableSearchSenior.productType.value">
                                        <el-radio :label="0">全部</el-radio>
                                        <el-radio :label="1">实体</el-radio>
                                        <el-radio :label="2">虚拟</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </div>

                            <div class="footer">
                                <el-button @click="mixinTable_searchSeniorReset()">
                                    清空搜索
                                </el-button>
                                <el-button type="primary" @click="mixinTable_searchData()">高级搜索</el-button>
                            </div>


                        </el-form>

                    </div>
                    <el-button slot="reference">高级筛选</el-button>
                </el-popover>
            </el-form-item>
        </el-form> -->
    </template>
    <!-- 功能 -->
    <template slot="function">
        <el-radio-group v-model="mixinTable_tableSearchSenior.orderStatus.value" placeholder="请选择" @change="mixinTable_searchData">
            <el-radio-button v-for="item in options" :key="item.value" :label="item.value">{{item.label}}
            </el-radio-button>
        </el-radio-group>
    </template>
    <!-- 表格 -->
    <template slot="table">

        <!-- <el-table :data="mixinTable_tableData" v-loading="mixinTable_loading" border style="width: 100%;" :ref="mixinPage_vueName+'TableSmall'" default-expand-all
            height="100%" row-key="id" @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#"></el-table-column>
            <el-table-column prop="order_no" label="订单编号"></el-table-column>
            <el-table-column prop="albumUrl" label="封面图" width="60px" align="center">
                <template slot-scope="scope"><imageBox class="albumUrl" :src="scope.row.order_item_detail.albumUrl"></imageBox></template>
            </el-table-column>
            <el-table-column prop="order_item_detail.productName" label="商品名称"></el-table-column>
            <el-table-column prop="order_item_detail.salePrice" label="价格"></el-table-column>
             <el-table-column prop="order_item_detail.stock" label="总库存"></el-table-column>
            <el-table-column prop="order_item_detail.orderSales" label="实际销量"></el-table-column> -->

            <!-- <el-table-column prop="publishTimeStr" label="上下架时间">
            </el-table-column>
            <el-table-column prop="publishStatus" label="上下架状态">
            </el-table-column> -->
        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" style="width: 100%;" border
            class="tableStyle" :ref="mixinPage_vueName+'TableSmall'" default-expand-all height="100%" row-key="id"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" :selectable='checkSelectable' width="50" align="center"></el-table-column>           
            <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#">
            </el-table-column>
            <el-table-column prop="orderNo"  label="订单编号"></el-table-column>

            <el-table-column  label="用户" width="70" align="center">
                <template slot-scope="scope">
                    <el-popover placement="right" width="300" trigger="click">
                        <div class="userBox">
                            <div class="icon">
                                <imageBox :src="scope.row.icon"></imageBox>
                            </div>
                            <div class="text">
                                <div class="name">{{scope.row.nickName}}</div>
                                <div class="id">ID:{{scope.row.memberCode}}</div>
                            </div>
                        </div>
                        <div slot="reference" class="userShow">
                            <div class="icon">
                                <imageBox :src="scope.row.icon"></imageBox>
                            </div>
                            <div class="el-icon-more more"></div>
                        </div>
                    </el-popover>
                </template>
            </el-table-column>

            <el-table-column prop="createdTimeStr" label="下单时间">
            </el-table-column>
            
            <el-table-column label="支付金额">
                <template slot-scope="scope">
                    <div class="payAmount">{{$vFN.Tools.toMoneyCount(scope.row.orderItemLst[0].salePrice)}}</div>
                </template>
            </el-table-column>

            <el-table-column prop="orderStatus" label="订单状态">
                <template slot-scope="scope">
                    <div class="payAmount" v-if="scope.row.orderStatus == 0">全部</div>
                    <div class="payAmount" v-if="scope.row.orderStatus == 1">待支付</div>
                    <div class="payAmount" v-if="scope.row.orderStatus == 2">待发货</div>
                    <div class="payAmount" v-if="scope.row.orderStatus == 3">待收货</div>
                    <div class="payAmount" v-if="scope.row.orderStatus == 4">待评价</div>
                    <div class="payAmount" v-if="scope.row.orderStatus == 5">已完成</div>
                </template>
            </el-table-column>

            <el-table-column prop="payType" label="支付方式">
                <template slot-scope="scope">
                    <div class="payAmount" v-if="scope.row.payType == 1">货到</div>
                    <div class="payAmount" v-if="scope.row.payType == 2">余额</div>
                    <div class="payAmount" v-if="scope.row.payType == 3">微信</div>
                </template>
            </el-table-column>
            
            <el-table-column prop="deliveryType" label="配送方式">
                <template slot-scope="scope">
                    <div class="payAmount" v-if="scope.row.deliveryType == 0">全部</div>
                    <div class="payAmount" v-if="scope.row.deliveryType == 1">无需物流</div>
                    <div class="payAmount" v-if="scope.row.deliveryType == 2">商家配送</div>
                    <div class="payAmount" v-if="scope.row.deliveryType == 3">到店自提</div>
                </template>
            </el-table-column>

            <el-table-column prop="name" label="购买商品" width="70" align="right">
                <template slot-scope="scope">
                    <el-popover placement="right" width="400" trigger="click">
                        <div class="goodsBox">
                            <div class="item">
                                <div class="albumUrl">
                                    <imageBox :src="scope.row.orderItemLst[0].albumUrl" scrollContainer=".list"></imageBox>
                                </div>
                                <div class="text">
                                    <div class="name">{{scope.row.orderItemLst[0].productName}}</div>
                                    <div class="des">
                                        <div v-if="scope.row.orderItemLst[0].spData">
                                            数量:{{scope.row.orderItemLst[0].buyNum}};{{ JSON.parse(scope.row.orderItemLst[0].spData).textString }}</div>
                                        <div v-else>数量:{{scope.row.orderItemLst[0].buyNum}};无规格</div>
                                    </div>
                                    <div class="num">
                                        <div class="n">单:¥{{scope.row.orderItemLst[0].activityPrice}}</div>
                                        <div class="n">小计:￥{{scope.row.orderItemLst[0].payAmount}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div slot="reference" class="goodsShow">
                            <div class="item">
                                <div class="albumUrl">
                                    <imageBox :src="scope.row.orderItemLst[0].albumUrl" scrollContainer=".list"></imageBox>
                                </div>
                            </div>
                            <div class="el-icon-more more"></div>
                        </div>
                    </el-popover>

                </template>
            </el-table-column>
            
            
            <el-table-column label="操作" align="center" width="150">
                <template slot-scope="scope">
                    <el-button @click="supplement({data:scope.row,type:'single'})" :disabled="scope.row.isStbzPlay == 1">订单补单</el-button>
                    <el-tooltip ceffect="dark" content="订单详情" placement="top">
                        <el-button @click="OrderDetailsCilck(scope.row)" icon="el-icon-tickets" circle>
                        </el-button>
                    </el-tooltip>
                    
                    <!-- <el-dropdown style="margin-left:5px" @command="orderEventClick"  v-if="!$vFN.Utils.isEmpty(scope.row.eventList) && scope.row.eventList.length">
                        <el-button icon="el-icon-more" circle></el-button>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item :command="[scope.row, iitem,'base']"
                                v-for="(iitem, iindex) in scope.row.eventList" :key="iitem.id">{{ iitem.eventNote }}
                            </el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown> -->
                </template>
            </el-table-column>

            </el-table>
        </el-table>

    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button type="danger" :disabled="mixinTable_selectTableData.length<=0" @click="supplement({data:mixinTable_selectTableData, type:'multiple'})">
            订单补单</el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>